@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-08-11 21:32:40
 * @version $Id$
 */

/*域码重写zoomindown*/
@-webkit-keyframes myZoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  to{
  	opacity: 1;
  }
}

@keyframes myZoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  to{
  	opacity: 1;
  }
}

/*云的效果*/
@keyframes sky{
	from{
		background: #007fd5;
	}
	50%{
		background: #000;
	}
	to{
		background: #007fd5;
	}
}
@keyframes cloud_one{
	from{
		left:0;
	}
	to{
		left:-200%;
	}
}
@-webkit-keyframes cloud_one{
	from{
		left:0;
	}
	to{
		left:-200%;
	}
}
@-webkit-keyframes cloud_two{
	from{
		left:0;
	}
	to{
		left:-200%;
	}
}
@keyframes cloud_two{
	from{
		left:0;
	}
	to{
		left:-200%;
	}
}
@-webkit-keyframes cloud_three{
	from{
		left:0;
	}
	to{
		left:-200%;
	}
}
@keyframes cloud_three{
	from{
		left:0;
	}
	to{
		left:-200%;
	}
}

/*自我评价*/
@keyframes pingjia-list{
	from{
		transform: scale(1)
	}
	to{
		transform:scale(0);
	}
}
@-webkit-keyframes pingjia-list{
	from{
		transform: scale(1)
	}
	to{
		transform:scale(0);
	}
}

/*nextpage效果*/
@keyframes nextpage{
	from{top:-20%;}
	to{top:100%;}
}

/*歌莉娅右边*/
@keyframes goeliaRight{
	from, 20%, 53%, 80%, to {
	    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	    -webkit-transform: translate3d(0,0,0);
	    transform: translate3d(0,0,0);
	  }

	  40%, 43% {
	    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    -webkit-transform: translate3d( 10%,0, 0);
	    transform: translate3d( 10%,0, 0);
	  }

	  70% {
	    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    -webkit-transform: translate3d( 5%, 0,0);
	    transform: translate3d( 5%,0, 0);
	  }

	  90% {
	    -webkit-transform: translate3d(2%,0,0);
	    transform: translate3d(2%,0,0);
	  }

	  95% {
	    -webkit-transform: translate3d(1%,0,0);
	    transform: translate3d(1%,0,0);
	  }
}

@-webkit-keyframes myZoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  to{
  	opacity: 1;
  }
}

@keyframes myZoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  to{
  	opacity: 1;
  }
}

@-webkit-keyframes mySlideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes mySlideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*评价的黑夜遮罩*/

@keyframes hide{
	from{
		opacity: .8;
	}
	to{
		opacity: 0;
	}
}
/*歌莉娅的竖线*/
@keyframes goelia-li{
	to{
		height:0;
	}
}